page{
  padding-bottom: 100px;
  .classifyWrapper{
    .searchWrapper {}
    .container{

      display: flex;
      height: calc(100% - 40px);
      padding: 20px 0 0;
      box-sizing: border-box;
      background: rgb(243,244,246);
      overflow: hidden;
      .leftWrapper{
        flex: 0 0 160px;
        .item{
          font-size: 24px;
          height: 70px;
          line-height: 70px;
          text-align: center;
          position: relative;
          .before{
            display: inline-block;
            width: 10px;
            height: 100%;
            position: absolute;
            left: 0;
            background: #30ce84;
          }
        }
        .active{
          font-size: 24px;
          height: 70px;
          line-height: 70px;
          text-align: center;
          position: relative;
          background: #fff;
          .before{
            display: inline-block;
            width: 10px;
            height: 100%;
            position: absolute;
            left: 0;
            background: #30ce84;
          }
        }
      }
      .rightWrapper{
        flex: 1;
        background: #fff;
        .swiper{
          height: 240px;
          padding: 20px;
          box-sizing: border-box;
          swiper{
            height: 100%;
            swiper-item{
              .image{
                width: 100%;
                height: 100%;
              }
            }
          }
        }
        .content{
          display: flex;
          flex-direction: column;
          .li{
            display: block;
            .title{
              text-align: center;
              margin-bottom: 20px;
              font-size: 28px;
              font-weight: bold;
            }
            .itemWrapper{
              overflow: hidden;
              .item{
                float: left;
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 33.33%;
                box-sizing: border-box;
                padding: 0 0 38px 28px;
                .image{
                  width: 100%;
                  height: 150px;
                }
                .name{
                  display: block;
                  margin-top: 10px;
                  font-size: 24px;
                }
              }
            }
          }
        }
      }
    }
  }
}
